.left-menuku {background:#0088FF;-webkit-border-radius:60px;
  -moz-border-radius:50px;
  border-radius:50px;
  position:relative;
  right:4px;float:right;
  font:0/0 a;
  text-shadow:none;height:100%;
  padding:2px;cursor: pointer;
}


.left-menuku .menuku:after {height:50px;padding:5px;
  content:">";
  font:normal normal 18px/18px Verdana,Arial,Sans-Serif;
  color:#ffffff;cursor: pointer;
  text-align:center;
}


.left-menuku2 {background:#0088FF;-webkit-border-radius:60px;
  -moz-border-radius:50px;cursor: pointer;
  border-radius:50px;
  position:relative;
  right:4px;float:right;
  font:0/0 a;
  text-shadow:none;height:100%;
  padding:2px;
}

.left-menuku2 .menuku2:after {height:50px;padding:5px;
  content:"<";
  font:normal normal 18px/18px Verdana,Arial,Sans-Serif;
  color:#ffffff;
  text-align:center;cursor: pointer;
}


#menuex {height:30px;
  display:block;
  background:#fff;
  border-bottom:1px solid #F0F0F0;
}

#menuex ul {height:30px;cursor: pointer;
  font:normal 14px Calibri,Arial,Sans-Serif;
  color:#000;
  border-bottom:1px solid #B6BCCC;
  overflow:auto;
}

#menuex li {cursor: pointer;
  display:inline;
  float:left;
}

#menuex li a {
  display:block;
  padding:5px 10px 4px;
  margin:1px 1px 0px;
  border:1px solid transparent;
  color:#000;
  text-decoration:none;
  cursor:pointer;
}

#menuex li a:hover,#menuex li a:active,#menuex li a:focus {cursor: pointer;
  display:block;
  padding:5px 10px 4px;
  margin:1px 1px 0px;
  border-left:1px solid #E8E8E8;
  border-right:1px solid #E8E8E8;
  color:#000;
  text-decoration:none;
  cursor:default;
}

.right-tanya {background:#0088FF;-webkit-border-radius:60px;
  -moz-border-radius:50px;
  border-radius:50px;
  position:relative;
  top:-25px;
  right:4px;float:right;
  font:0/0 a;
  text-shadow:none;height:100%;
  padding:2px;
}


.right-tanya .tanya:after {height:50px;padding:5px;
  content:"?";
  font:normal normal 18px/18px Verdana,Arial,Sans-Serif;
  color:#ffffff;
  text-align:center;
}


#tabbed-toc {
margin:0 auto;
  background-color:#fff;
  overflow:hidden;
  position:relative;
  color:#000;
}

#tabbed-toc .loading {
  display:block;
  padding:5px 10px;
  font:normal bold 10px Arial,Sans-Serif;
  color:white;
}

#tabbed-toc ul,
#tabbed-toc ol,
#tabbed-toc li {
  margin:0 0;
  padding:0 0;
  list-style:none;}


#tabbed-toc .toc-tabs {overflow-y:auto;overflow-x:hidden;height:600px;
  float:left;
  float: left;
 width: 250px;
 
 position: relative; 
  border-right:solid 10px #CDCDCD;
}

#tabbed-toc .toc-tabs li a {
  display:block;
  font-size:14px;font-family:Calibri;
  height:25px;
border:solid 1px #fff;
  color:#333;
  overflow:hidden;
  text-overflow:ellipsis;
  text-decoration:none;
  padding:0 10px;
  cursor:pointer;padding-top:2px;
}

#tabbed-toc .toc-tabs li a:hover {
 width:100%;color#000;
background: -moz-linear-gradient(top, rgba(203,235,255,0.6) 0%, rgba(203,235,255,0.6) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,235,255,0.6)), color-stop(100%,rgba(203,235,255,0.6))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(203,235,255,0.6) 0%,rgba(203,235,255,0.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(203,235,255,0.6) 0%,rgba(203,235,255,0.6) 100%);border:solid 1px #74CAFC;
}

#tabbed-toc .toc-tabs li a.active-tab {
  color:#000;
  position:relative;
  z-index:5;
  margin:0 -1px 0 0;
  /* cursor:text; */
}

#tabbed-toc .toc-content,
#tabbed-toc .divider-layer {
  width:700px;
  background-color:white;
  padding: 0 0 0 4px;
  float:left;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

#tabbed-toc .divider-layer {
  float:none;
  display:block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;

}

#tabbed-toc .panel {
  position:relative;
  z-index:5;
  font:normal normal 12px Arial,Sans-Serif;
}

#tabbed-toc .panel li a {
  background:url("http://2.bp.blogspot.com/-2joynqzLMZA/UU7s3vIEJbI/AAAAAAAAITs/4YvpKJnlVTA/s1600/iconFolder.png") no-repeat 10px .20em;padding-left:35px;padding-top:3px;
  padding-bottom:3px;
  border:solid 1px #fff;
  display:block;
  position:relative;
  font-weight:bold;
  font-size:12px;
  color:#333;
  line-height:20px;
  height:20px;
 margin-left:10px;
  text-decoration:none;
  outline:none;
  overflow:hidden;
}

#tabbed-toc .panel li time {
  display:block;
  font-style:italic;
  font-weight:normal;
  font-size:10px;
  color:#333;
  float:right;
}




#tabbed-toc .panel li:nth-child(even) {
 
}

#tabbed-toc .panel li a:hover,
#tabbed-toc .panel li a:focus,
#tabbed-toc .panel li a:hover time,
#tabbed-toc .panel li.bold a {

  color:#000;
  outline:none;
 border:solid 1px #74CAFC;
  
}


@media (max-width:980px) {
  #tabbed-toc {
    border:2px solid #333;
  }
  #tabbed-toc .toc-tabs,
  #tabbed-toc .toc-content {
    overflow:hidden;
    width:auto;
    float:none;
    display:block;
  }
  #tabbed-toc .toc-tabs li {
    display:inline;
    float:left;
  }
  #tabbed-toc .toc-tabs li a,
  #tabbed-toc .toc-tabs li 

  #tabbed-toc .toc-content {
    border:none;
  }
  #tabbed-toc .divider-layer,
  #tabbed-toc .panel li time {
    display:auto;
  }
}


/* Window */
.explorer{background:#0088FF;width:100%;
  border:1px solid;
  border-color:#0088FF;
 display:block;
  position:relative; overflow:hidden;
  font:normal normal 13px Segoe,"Segoe UI",Arial,Sans-Serif;
  color:#222;
  z-index:999;
}


#container {
  background-color:#fff;
display:block;width:100%;
border: none;
 float: left;height:600px;
 overflow: hidden; }
/* Window */
.explorer{background:#0088FF;width:100%;
  border:1px solid;
  border-color:#0088FF;
 display:block;
  position:relative; overflow:hidden;
  font:normal normal 13px Segoe,"Segoe UI",Arial,Sans-Serif;
  color:#222;
  z-index:999;
}

/* Window title */
.explorer h1 {text-align:center;
  font:inherit;
 
  color:black;font-size:16px;
  margin:0 0;
  padding:4px 0 6px 10px;
}


/* Buttons */
.menuwind{background:#0088FF;width:100%;height:100%;}

.right-buttons {background:#0088FF;
  position:absolute;
  top:-1px;
  right:4px;
  font:0/0 a;
  text-shadow:none;
}

.right-buttons a{
  display:block;
  float:left;
  margin:0 0 0 -1px;
  width:26px;
  height:20px;
  text-decoration:none;
  position:relative;
  cursor:default;
  transition:all .2s ease-out;
}

.right-buttons a:after {
  content:"";
  display:block;
  position:absolute;
}


.right-buttons .minimize-btn:after {
  right:7px;
  bottom:4px;
  left:7px;
  height:3px;
  background-color:#000;
  border:0px solid #233656;

}

.right-buttons .maximize-btn:after {
  top:4px;
  right:8px;
  bottom:4px;
  left:8px;
  border:2px solid #000;

 }

.right-buttons .close-btn {Background:#C75050;}
.right-buttons .close-btn {width:42px}

.right-buttons .close-btn:after {
  content:"x";
  font:normal normal 15px/14px Verdana,Arial,Sans-Serif;
  color:#ffffff;
  text-shadow:0 1px #233656,1px 0 #233656,-1px 0 #233656,0 -1px #233656;
  top:0;
  right:0;
  bottom:0;
  left:0;
  text-align:center;
}

.right-buttons a:hover {
  background:#1979CA;}

.right-buttons a.close-btn:hover {background-color:#DA4D4B}
.right-buttons .minimize-btn:hover:after {background-color:white}
.right-buttons .maximize-btn:hover:after {background:#1979CA}
.right-buttons .close-btn:hover:after {color:white}
.wido2 {border:1px 
  solid #5B92d2;
}
 .breadcrumbs  {
  padding: 4px;
  font-size: 11px;
  text-decoration: none !important;
  display: inline-block;
}

.inputs {
 outline:none;
 margin: 0;
 font-family: verdana,  Arial,  sans-serif;
 padding: 0;
 display:block;
 width:100%;
  border: none;
}

.menuui {background: #f5f6f8; border-bottom: 1px solid #dbdbdb; height: 100px;}
.menunav {height: 24px; padding: 5px; border-bottom: 1px solid #dbdbdb; background: #fff;}
.indextitle {font-weight: normal; font-size: 12px; color: #000 !important; text-decoration: none !important; margin: 0; line-height: 21px; border: 1px solid #fff; display: block; position: relative;}
.indextitle h2 {font-weight: normal; font-size: 12px; margin: 0; margin-left: 5px; float:left;}
.indextitle:hover {border: 1px solid #26A0DA; background: #cbe8f6;  text-decoration: none !important;}

#footercredit { margin: 0 auto;padding: 8px 0px 0px 0px;width: 100%;height: 22px;font:normal normal 14px Calibri,Arial; font-variant: normal;clear:both;color:#fff;font-weight:normal;text-align:center;border-top: 1px solid #fff;}
#footercredit p {margin: 0;padding: 0}#footer a:visited {font-variant: normal;}
#footercredit a,.footercredit a:visited {color: #cccccc;font-weight:normal;text-decoration: none;font-variant: normal;}
#footercredit a:hover{color: #ffffff;text-decoration: underline;}
body{margin:0 auto;padding:0 auto;backgroud:#333;}
#outer-wrapper {width:100%;margin:0 auto;text-align:$startSide;font: $bodyfont;
background: transparent ;}
